<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车页面</title>
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/index.css" />
		<link rel="stylesheet" href="../css/list.css" />
		<link rel="stylesheet" href="../css/car.css" />
		<script src="../jq/jquery.js"></script>
		<script src="../jq/common.js"></script>
		<script src="../jq/car.js"></script>
	</head>
	<body>
		<div class="header_wrap">
			<div class="header">
				<div class="hea_left">
					<p>冷链配送 99元顺丰到家 送至：</p>
					<div class="begin hea_address">
						<p class="area">
							<span>上海</span>
							<b></b>
						</p>
						<div class="hea_list city_list">
							<p class="choose_city">请选择您的收货城市：<span></span></p>
							<p class="city_most">
								<a href="javascript:;">北京</a>
								<a href="javascript:;">上海</a>
								<a href="javascript:;">广州</a>
								<a href="javascript:;">深圳</a>
								<a href="javascript:;">天津</a>
								<a href="javascript:;">苏州</a>
								<a href="javascript:;">杭州</a>
								<a href="javascript:;">南京</a>
								<a href="javascript:;">无锡</a>
								<a href="javascript:;">青岛</a>
								<a href="javascript:;">武汉</a>
							</p>
							<div class="more_city">
								<p>更多城市</p>
								<p>
									华东：
									<a href="javascript:;">上海</a>
									<a href="javascript:;">浙江</a>
									<a href="javascript:;">江苏</a>
									<a href="javascript:;">安徽</a>
								</p>
								<p>
									华南：
									<a href="javascript:;">广东</a>
									<a href="javascript:;">福建</a>
									<a href="javascript:;">海南</a>
									<a href="javascript:;">广西</a>
								</p>
								<p>
									华北：
									<a href="javascript:;">北京</a>
									<a href="javascript:;">天津</a>
									<a href="javascript:;">河北</a>
									<a href="javascript:;">山东</a>
									<a href="javascript:;">山西</a>
									<a href="javascript:;">内蒙古</a>
								</p>
								<p>
									华中：
									<a href="javascript:;">湖北</a>
									<a href="javascript:;">江西</a>
									<a href="javascript:;">湖南</a>
									<a href="javascript:;">河南</a>
								</p>
								<p>
									东北：
									<a href="javascript:;">辽宁</a>
									<a href="javascript:;">吉林</a>
									<a href="javascript:;">黑龙江</a>								
								</p>
								<p>
									西南：
									<a href="javascript:;">重庆</a>
									<a href="javascript:;">四川</a>
									<a href="javascript:;">云南</a>
									<a href="javascript:;">贵州</a>
									<a href="javascript:;">西藏</a>

								</p>
								<p>
									西北：
									<a href="javascript:;">陕西</a>
									<a href="javascript:;">甘肃</a>
									<a href="javascript:;">宁夏</a>
									<a href="javascript:;">青海</a>
									<a href="javascript:;">新疆</a>
								</p>
							</div>
						</div>
					</div>
				</div>
			    <ul class="hea_right">
			      <li class="login" id="login">嘿，欢迎来顺丰优选！<a href="login.html">请登录 </a><a href="html/reg.html"> 免费注册</a></li>
			      <li class="order"><a class="order" href="order.html">我的订单</a></li>
			      <li class="begin youxuan">
			        <a href="javascript:;">我的优选</a><b></b>
			        <div class="hea_list youxuan_list">
			          <div><a href="javascript:;">我的订单</a></div>
			          <div><a href="javascript:;">我的积分</a></div>
			          <div><a href="javascript:;">我的收藏</a></div>
			          <div><a href="javascript:;">我的优选卡</a></div>
			          <div><a href="javascript:;">我的优惠券</a></div>
			        </div>
			      </li>
				  <li class="client hover"><b></b><a href="javascript:;">移动客户端</a>
			        <div class="hea_list01 client_list">
			          <div class="sf_client">
			            <span></span>
			            <i></i>
			            <div class="client_txt">
			              <em>扫描我，即可下载</em>
			              <strong>顺丰优选客户端</strong>
			            </div>
			          </div>
			          <div class="app_btn">
			            <a class="app_apple"  href="http://itunes.apple.com/cn/app/id563194150"></a>
			            <a class="app_android" href="http://android.sfbest.com/sfandroid"></a>
			          </div>
					  <div class="client_promo"><a href="javascript:;">先摇券 后买单</a>
					  </div>
			        </div>
			      </li>
				  <li class="begin help">
			        <a href="javascript:;">帮助中心</a><b></b>
			        <div class="hea_list help_list">
			          <div><a href="javascript:;">购物指南</a></div>
			          <div><a href="javascript:;">配送服务</a></div>
			          <div><a href="javascript:;">支付方式</a></div>
			          <div><a href="javascript:;">售后服务</a></div>
			          <div><a href="javascript:;">客服邮箱</a></div>
			          <div><a href="javascript:;">投诉与建议</a></div>
			        </div>
			      </li>
				  <li class="begin daohang"><em class="site">网站导航</em><b></b>
			        <div class="hea_list daohang_list">
			          <dl>
			            <dt class="dh1">商品分类</dt>
			            <dd>
							<a href="javascript:;">肉类海鲜</a>
							<a href="javascript:;">熟食蛋奶</a>
							<a href="javascript:;">水果蔬菜</a>
							<a href="javascript:;">酒水饮料</a>
							<a href="javascript:;">休闲食品</a>
							<a href="javascript:;">冲调茶饮</a>
							<a href="javascript:;">粮油副食</a>
							<a href="javascript:;">南北干货</a>
			            </dd>
			          </dl>
			          <dl class="line"></dl>
			          <dl>
			            <dt class="dh2">特色频道</dt>
			            <dd>
			            	<a href="javascript:;">跨境直发</a>
			            	<a href="javascript:;">企业专区</a>
			            	<a href="javascript:;">红酒廊</a>
			            	<a href="javascript:;">寰宇美食</a>
			            </dd>
			          </dl>
			          <dl class="line"></dl>
			          <dl>
			            <dt class="dh3">更多</dt>
			            <dd>
			            	<a href="javascript:;">客户端</a>
			            	<a href="javascript:;">关注我们</a>
			            	<p>客服电话：4009-111-111</p>
			            </dd>
			          </dl>
			        </div>
			      </li>
			      <li class="hea_weibo"><a title="关注顺丰优选微博" href="http://weibo.com/sfbest" ><b></b></a></li>
			      <li class="hea_weixin hover">
			      	<b></b>
			         <div class="hea_list01 weixin">
				         <p>关注顺丰优选微信</p>
				         <img src="../images/weixin.png" /> 
			        </div>
			       </li>
			    </ul>
			</div>
		</div>
		<div class="nav_wrap">
			<div class="nav">
				<h2><a href="../index.html"></a><img src="../images/logo_word.jpg"></h2>
				<div class="car_status">
					<img src="../images/step_01.jpg">
				</div>
			</div>
			<div class="car_address">
				<h2>我的购物车</h2>
				<div class="car_add_city">
					<em>送至：</em>
					<div class="dis_address">
						<span class="car_place">上海</span>
						<b></b>
						<div class="dis_city">
							<ul>
								<li class="add_sheng">
									<span>北京</span>
									<i></i>
									<div>
										<p><a href="javascript:;">北京</a></p>
										<p><a href="javascript:;">天津</a></p>
										<p><a href="javascript:;">上海</a></p>
										<p><a href="javascript:;">重庆</a></p>
										<p><a href="javascript:;">广东省</a></p>
										<p><a href="javascript:;">浙江省</a></p>
										<p><a href="javascript:;">江苏省</a></p>
										<p><a href="javascript:;">福建省</a></p>
										<p><a href="javascript:;">辽宁省</a></p>
										<p><a href="javascript:;">吉林省</a></p>
										<p><a href="javascript:;">黑龙江省</a></p>
										<p><a href="javascript:;">江西省</a></p>
										<p><a href="javascript:;">河北省</a></p>
										<p><a href="javascript:;">河南省</a></p>
										<p><a href="javascript:;">山东省</a></p>
										<p><a href="javascript:;">山西省</a></p>
										<p><a href="javascript:;">湖北省</a></p>
										<p><a href="javascript:;">湖南省</a></p>
										<p><a href="javascript:;">云南省</a></p>
										<p><a href="javascript:;">海南省</a></p>
										<p><a href="javascript:;">陕西省</a></p>
										<p><a href="javascript:;">四川省</a></p>
										<p><a href="javascript:;">安徽省</a></p>
										<p><a href="javascript:;">贵州省</a></p>
										<p><a href="javascript:;">甘肃省</a></p>
										<p><a href="javascript:;">青海省</a></p>
										<p><a href="javascript:;">广西省</a></p>
										<p><a href="javascript:;">内蒙古</a></p>
										<p><a href="javascript:;">宁夏</a></p>
										<p><a href="javascript:;">新疆</a></p>
										<p><a href="javascript:;">西藏</a></p>
									</div>
								</li>
								<li class="add_shi">
									<span>请选择</span>
									<i></i>
									<div>
										<p><a href="javascript:;">郑州市</a></p>
										<p><a href="javascript:;">洛阳市</a></p>
										<p><a href="javascript:;">开封市</a></p>
										<p><a href="javascript:;">安阳市</a></p>
										<p><a href="javascript:;">鹤壁市</a></p>
										<p><a href="javascript:;">济源市</a></p>
										<p><a href="javascript:;">焦作市</a></p>
										<p><a href="javascript:;">南阳市</a></p>
										<p><a href="javascript:;">平顶山市</a></p>
										<p><a href="javascript:;">三门峡市</a></p>
										<p><a href="javascript:;">商丘市</a></p>
										<p><a href="javascript:;">新乡市</a></p>
										<p><a href="javascript:;">信阳市</a></p>
										<p><a href="javascript:;">许昌市</a></p>
										<p><a href="javascript:;">周口市</a></p>
										<p><a href="javascript:;">驻马店市</a></p>
										<p><a href="javascript:;">漯河市</a></p>
										<p><a href="javascript:;">濮阳市</a></p>
									</div>
								</li>
								<li class="add_qu">
									<span>请选择</span>
									<i></i>
									<div>
										<p><a href="javascript:;">金水区</a></p>
										<p><a href="javascript:;">二七区</a></p>
										<p><a href="javascript:;">中原区</a></p>
										<p><a href="javascript:;">上街区</a></p>
										<p><a href="javascript:;">惠济区</a></p>
										<p><a href="javascript:;">郑东新区</a></p>
										<p><a href="javascript:;">管城回族区</a></p>
										<p><a href="javascript:;">巩义市</a></p>
										<p><a href="javascript:;">荥阳市</a></p>
										<p><a href="javascript:;">新密市</a></p>
										<p><a href="javascript:;">新郑市</a></p>
										<p><a href="javascript:;">登封市</a></p>
										<p><a href="javascript:;">中牟县</a></p>
										<p><a href="javascript:;">高新区</a></p>
										<p><a href="javascript:;">其他区</a></p>
										<p><a href="javascript:;">经济技术开发区</a></p>
										<p><a href="javascript:;">漯河市</a></p>
										<p><a href="javascript:;">濮阳市</a></p>
									</div>
								</li>
								<li class="xian"></li>
								<li class="li_close"></li>
							</ul>
						</div>
					</div>
					<p class="car_notice">提示：请选择您的收货区域，查看更准确的信息</p>
				</div>
				<div class="car_price">
					总计（不含运费）：<span> ¥<b>69</b></span>
				</div>
			</div>
		</div>
		<!--内容为空-->
		<div class="car_kong">
			<p><strong>购物车暂无数据</strong><a href="list.html">现在就去购物</a>>></p>
			<p >您的购物车是空的，可能是您尚未登录，<a href="login.html">马上登录</a>再看看</p>
		</div>	
		<!--购物车有内容-->
		<div class="car_content">
			<div class="car_main">
				<div class="car_main_menu">
					<p class="all_select"><input type="checkbox" class="check" checked="checked"/>全选</p>
					<p class="all_thing">商品</p>
					<p class="single_price">单价</p>
					<p class="car_count">优惠</p>
					<p class="car_num">数量</p>
					<p class="car_zhong">重量（含包装）</p>
					<p class="car_small">小计</p>
					<p class="car_kucun">库存状态</p>
					<p class="car_operate"> 操作</p>
				</div>
				<p class="you_thing"><input type="checkbox"  class="check" checked="checked"/>优选商品</p>
				<div class="thing_wrap">
					
				</div>
			</div>	
			<div class="car_clear">
				<p class="delete_selected"><b>&times;</b>删除选中的商品</p>
				<p class="delete_car"><b>&times;</b>清空购物车</p>
				<p class="car_jisuan">重量总计：<span>1</span>kg ( 含包装 ) ( 不含运费 ) 商品总计：<i>￥<b>69</b></i></p>
			</div>
			<div class="car_dibu">
				<p>
					<a href="list.html" class="car_continue">继续购物</a>
					<a href="order.html" class="car_jiesuan">去结算</a>
				</p>
			</div>
		</div>
		<!------------------底部开始--------------->
		<div class="footer_wrap">
			<div class="footer">
				<div class="footer_top">
					<div class="left">
						<ul>
							<li class="kefu">4009-111-111</li>
							<li>周一至周日8:30-22:00</li>
						</ul>
					</div>
					<div class="middle">
				        <ul>
				          <li class="title">购物指南</li>
				          <li><a href="javascript:;">积分制度</a></li>
				          <li><a href="javascript:;">会员介绍</a></li>
				          <li><a href="javascript:;">购物流程</a></li>
				          <li><a href="javascript:;">常见问题</a></li>
				        </ul>
				        <ul>
				          <li class="title">配送服务</li>
				          <li><a href="javascript:;" >配送政策</a></li>
				          <li><a href="javascript:;">开箱验货</a></li>
				          <li><a href="javascript:;">配送运费</a></li>
				          <li><a href="javascript:;">配送范围</a></li>
				        </ul>
				        <ul>
				          <li class="title">支付方式</li>
				          <li><a href="javascript:;">货到付款</a></li>
				          <li><a href="javascript:;">在线支付</a></li>
				          <li><a href="javascript:;">优选卡</a></li>
				          <li><a href="javascript:;">发票制度</a></li>
				        </ul>
				        <ul>
				          <li class="title">售后服务</li>
				          <li><a href="javascript:;">退款说明</a></li>
				          <li><a href="javascript:;">退换货流程</a></li>
				          <li><a href="javascript:;">退换货政策</a></li>
				          <li><a href="javascript:;">隐私条款</a></li>
				        </ul>
					</div>
		 		 	<div class="right">
	        			<ul class="f_ios">
				          <li><a href="http://app.sfbest.com/">手机客户端</a></li>
				          <li><span></span></li>
				        </ul>
	        			<ul class="f_wx">
				          <li>官方微信</li>
				          <li><span></span></li>
				        </ul>
	      			</div>
				</div>
				<div class="footer_bottom">
					<div class="bottom_kx">
						<a><img src="../images/kxicon.jpg"></a>
					</div>
					<div class="bottom_sm">
						<a ><img src="../images/bottom_sm.png"></a>
					</div>
					<div class="siteinfo">
						<p>
							<a href="javascript:;">关于我们</a>
							<a href="javascript:;">联系我们</a>
							<a href="javascript:;">招聘人才</a>
							<a href="javascript:;">友情链接</a>
							<a href="javascript:;">供应商申请</a>
							<span>Copyright© 顺丰优选 sfbest.com 版权所有</span>
						</p>
						<p>
							<span>京公网安备11010502026831号</span>
							<a href="http://www.miibeian.gov.cn/">京ICP证150325号</a>
							<span>食品流通许可证SP1101131210068671(1-1)号</span>
							<span><a href="http://www.sfbest.com/www/174/461.html">企业营业执照</a></span>
						</p>
	      			</div>
				</div>
			</div>
		</div>
	</body>
</html>
